/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 30, 2014, 11:07:20 AM
    Author     : Tao Li
*/

.headerBar
{
}

/*
There are duplicated styles.
I write them separately because of future adjustment maybe required
*/
.headerLogo
{
   width: 20%;
   float: left;

   background-color: aqua;
   position:relative;
}

.headerSearch
{
   width: 30%;
   float: left;

   position:relative;
}
.headerHomeUnselected,
.headerHomeSelected
{
   width: 10%;
   float: left;

   background-color: cadetblue;
   position:relative;
}
.headerCreateUnselected,
.headerCreateSelected
{
   width: 10%;
   float: left;

   background-color: crimson;
   position:relative;
}
.headerBrowseUnselected,
.headerBrowseSelected
{
   width: 10%;
   float: left;

   background-color: chartreuse;
   position:relative;
}
.headerContactUnselected,
.headerContactSelected
{
   width: 10%;
   float: left;

   background-color: darkorchid;
   position:relative;
}
.headerProfile
{
   width: 10%;
   float: left;

   background-color: deeppink;
   position:relative;
}

.arrowIndicator
{
}

.headerHomeSelected:after,
.headerCreateSelected:after,
.headerBrowseSelected:after,
.headerContactSelected:after
{
   content:'';
   position:absolute;
   top:53%;
   left:46%;
   border-color: transparent transparent white transparent;
   border-style: solid;
   border-width: 8px;
}

.search
{
    border: none;
    background: url("../png/searchBox.png") no-repeat;
    width: 100%;
    height: 100%;
    float:left;
    line-height:32px;
    margin-right:12px;
    outline:medium none;
    padding:0 0 0 50px;
    text-shadow:1px 1px 0 white;
}
